import {
    request
} from "../../request/index.js";
Page({
    data: {
        goods: [],
        // 取消 按钮 是否显示
        isFocus: false,
        // 输入框的值
        inpValue: "",
        // 搜索结果
        isExist: true
    },
    TimeId: -1,
    // 输入框的值改变 就会触发的事件
    handleInput(e) {
        // 1 获取输入框的值
        const {
            value
        } = e.detail;
        // 2 检测合法性
        if (!value.trim()) {
            this.setData({
                goods: [],
                isFocus: false
            })
            // 值不合法
            return;
        }
        // 3 准备发送请求获取数据
        this.setData({
            isFocus: true
        })
        clearTimeout(this.TimeId);
        this.TimeId = setTimeout(() => {
            this.qsearch(value);
        }, 1000);
    },
    // 发送请求获取搜索建议 数据
    async qsearch(keyword) {
        const res = await request({
            url: "/searchHistory/search",
            data: {
                keyword
            }
        });
        if (res.data.data.records.length > 0) {
            this.setData({
                goods: res.data.data.records,
                isExist: true
            })
        } else {
            this.setData({
                isExist: false
            })
        }
    },
    // 点击 取消按钮
    handleCancel() {
        this.setData({
            inpValue: "",
            isFocus: false,
            goods: []
        })
    }
})